{extend name="common:frm_base" /}
{block name="content"}
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <!--<div class="layui-form-item">-->
                <!--<div class="layui-inline">-->
                    <!--<label class="layui-form-label">品牌名</label>-->
                    <!--<div class="layui-input-block">-->
                        <!--<input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="layui-inline">-->
                    <!--<label class="layui-form-label">状态</label>-->
                    <!--<div class="layui-input-block">-->
                        <!--<select name="status">-->
                            <!--<option value="all">不限</option>-->
                            <!--<option value="1">开启</option>-->
                            <!--<option value="0">关闭</option>-->
                        <!--</select>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="layui-inline">-->
                    <!--<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">-->
                        <!--<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>-->
                    <!--</button>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="layui-card-body">
            <!--<div style="padding-bottom: 10px;">-->
                <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
                <!--<button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>-->
            <!--</div>-->

            <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
            <div style="" id="toolbarDiv">
                <ul id="toolbarTree1" class="dtree" data-id="0"></ul>
            </div>
            <script type="text/html" id="iconTpl">
                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.icon }}>
            </script>

            <script type="text/html" id="table-useradmin-webuser">
                <a class="layui-btn layui-btn-normal layui-btn-xs" url="{:url('bus_brand/add')}" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
        </div>
    </div>
</div>

<script>


    layui.config({
        base: '__LAYUIADMIN__/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table','dtree'], function () {
        var $ = layui.$
            , form = layui.form
            , dtree = layui.dtree
            , table = layui.table;

        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;
            //执行重载
            table.reload('LAY-user-manage', {
                where: field
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        });

        var DemoTree = dtree.render({
            elem: "#toolbarTree1",
            // data: demoTree, // 使用data加载
            url: "{:url('region/ajaxIndex')}", // 使用url加载（可与data加载同时存在）
            dataStyle: "layuiStyle",  //使用layui风格的数据格式
            response:{message:"msg",statusCode:0},  //修改response中返回数据的定义
            dot: false,
            accordion: true,
            toolbar:true,
            toolbarScroll:"#toolbarDiv",
            toolbarFun: {
                addTreeNode: function (treeNode, $div) {
                    treeNode.act = 'add';
                    // console.log(treeNode);
                    $.ajax({
                        type: "post",
                        data: treeNode,
                        url: "{:url('region/handle')}",
                        success: function (result) {
                            //DTree1.changeTreeNodeAdd(treeNode.nodeId); // 添加成功，返回ID
                            //DTree1.changeTreeNodeAdd(true); // 添加成功
                            //DTree1.changeTreeNodeAdd(result.data); // 添加成功，返回一个JSON对象
                            DemoTree.changeTreeNodeAdd("refresh"); // 添加成功，局部刷新树
                        },
                        error: function () {
                            //DTree1.changeTreeNodeAdd(false); // 添加失败
                        }
                    });
                },
                editTreeNode: function(treeNode, $div){
                    treeNode.act = 'edit';
                    $.ajax({
                        type: "post",
                        data: treeNode,
                        url: "{:url('region/handle')}",
                        success: function(result){
                            DemoTree.changeTreeNodeEdit(true);// 修改成功
                            //DTree1.changeTreeNodeEdit(result.param); // 修改成功，返回一个JSON对象
                        },
                        error: function(){
                            //DTree1.changeTreeNodeEdit(false);//修改失败
                        }
                    });
                },
                delTreeNode: function(treeNode, $div){
                    treeNode.act = 'del';
                    $.ajax({
                        type: "post",
                        data: treeNode,
                        url: "{:url('region/handle')}",
                        success: function(result){
                            DemoTree.changeTreeNodeDel(true); // 删除成功
                        },
                        error: function(){
                            //DTree1.changeTreeNodeDel(false);// 删除失败
                        }
                    });
                }
            }
            // ,async: false
            // ,method: 'post'
        });

        // // 绑定节点点击
        // dtree.on("node('demoTree')" ,function(obj){
        //     layer.msg(JSON.stringify(obj.param));
        // });

        //用户管理
        // table.render({
        //     elem: '#LAY-user-manage'
        //     , url: "{:url('bus_brand/ajaxIndex')}" //模拟接口
        //     , cols: [[
        //         {type: 'checkbox', fixed: 'left'}
        //         , {field: 'id', width: 100, title: 'ID', sort: true}
        //         , {field: 'name', title: '品牌名', minWidth: 100}
        //         , {field: 'icon', title: '品牌图标', templet: '#iconTpl', minWidth: 80, align: 'center'}
        //         , {field: 'status', title: '状态', templet: '#statusTpl', minWidth: 80, align: 'center'}
        //         , {field: 'create_time', title: '添加时间', sort: true,}
        //         , {title: '操作', width: 300, align: 'center', fixed: 'right', toolbar: '#table-useradmin-webuser'}
        //     ]]
        //     , method: 'post'
        //     , page: true
        //     , limit: 30
        //     , height: 'full-220'
        //     , text: '对不起，加载出现异常！'
        // });

        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
            var type = $(this).data('type');
            var url = "";
            if (type == 'add') {
                url = "{:url('bus_brand/add')}";
            }
            active[type] ? active[type].call(this, url, table) : '';
        });
    });
</script>
</body>
</html>
{/block}
